---
title: CTAs
description: CTA components created with Tailwind CSS
emoji: 👋
terms:
  - cta
  - marketing
  - signup
components:
  - { title: 'Base with content and call to action on the left, image on the right', dark: true }
  - { title: 'Newsletter sign up form with centered content and form', dark: true }
  - {
      title: 'Base with content can call to action on the left, offset image on the right',
      dark: true,
    }
  - { title: 'Overlay image with left aligned content and call to action' }
  - { title: 'Content and call to action in block color on the left, grid of images on the right' }
---

# CTA Components

<p>{frontmatter.description}</p>

<CollectionList componentsData={componentsData} />
